<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>G2001</title>

    <!-- 样式文件 | CSS file -->
    <link rel="stylesheet" href="indexstyle.css" type="text/css" />
    <link href="11.css" rel="stylesheet"> 
    
</head>

<body>
  

    <!--网站主体-->
    <div class="shell" id="shell">
        <div class="header">
            <h2 class="title">回忆社</h2>
            <h3 class="subtitle">Recalling Club</h3>
        </div>
        <div class="timeline" >
            <div class="item" data-text="戴新" >
                <div class="content"> 
                 <img src="img/img3.jpg" alt="" class="img">
                    <h2 class="content-title">Daixin</h2>
                    <p class="content-desc">
                        Tenho a certeza de que estás a virar 
                    </br>e que estás a virar muito mal.
                    </p>
                </div>
            </div>

            <!-- 纳西妲 -->
            <div class="item" data-text="刘修明">
                <div class="content">
                   <img src="img/img2.jpg" alt="" class="img">
                    <h2 class="content-title">Liuxiuming</h2>
                    <p class="content-desc">
                        "What is hidden in the school?" <br />
                        "Hiding the good and the sad."                    </p>
                </div>
            </div>

            <!-- 绮良良 -->
            <div class="item" data-text="彭莉">
                <div class="content">
                    <a href="./webs/KiraraWeb/kirara.html" target="_blank"><img src="img/img4.jpg" alt="" class="img"></a>
                    <h2 class="content-title">Pengli</h2>
                    <p class="content-desc">
                        Dia masih cantik.
                       

                    </p>
                </div>
            </div>

            <!-- 多莉 -->
            <div class="item" data-text="于文军">
                <div class="content">
                    <a href="./webs/DoriWeb/dori.html" target="_blank"><img src="img/img8.jpg" alt="" class="img"></a>
                    <h2 class="content-title">Jiangjun</h2>
                    <p class="content-desc">
                         dazishizaimafanda
                         <br>jiajianliang
                        
                    </p>
                </div>
            </div>

            <div class="item" data-text="肖林芬">
                <div class="content">
                    <a href="./webs/DoriWeb/dori.html" target="_blank"><img src="img/img1.jpg" alt="" class="img"></a>
                    <h2 class="content-title">Xiaolinfen</h2>
                    <p class="content-desc">
                         此照片由肖恩俊同学提供<br>
                        【 由于未联系photo所涉人员，特在此处说明】
                        
                    </p>
                </div>
            </div>


            <div class="item" data-text="贺卉">
                <div class="content">
                  <img src="img/img6.jpg" alt="" class="img">
                    <h2 class="content-title">Hehui</h2>
                    <p class="content-desc">
                         dazishizaimafanda
                         <br>jiajianliang
                        
                    </p>
                </div>
            </div>

            </div>


        </div>
    </div>


    <!-- 引入 JS文件 -->
    <script src="./jquery.min.js"></script>
    <script src="./indexscript.js"></script>

</body>

</html>